<template>
  <div class="demo-collapse">
    
    <el-collapse v-model="activeName" accordion>
      <h2 style="text-align: center;">Devops</h2>
      <el-collapse-item title="Devops tool" name="1">
        <div>
          Manage DevOps process specifications for the company, configure commonly used cloud native tools such as Docker, K8S cluster, Jenkins, SonarQube, Gitlab, Harbor, Prometheus, Zabbix, Grafana, Ansible, Nexus, etc.
        </div>
      </el-collapse-item>
      <el-collapse-item title="CI/CD" name="2">
        <div>
          Manage DevOps platform tools such as cloud effects, Zendo, GitLab, etc. Proficient in Java, Python, C++, Golang, and other compilation environments. After compilation and packaging, deploy to production/testing/grayscale environments through Jenkinsfile development and cloud native tools, achieving automated delivery to results.  
        </div>
        <div>
          Proficient in Python, Shell，JavaScript，HTML，CSS,  Familiar with SpringBoot, SpringCloud microservice framework, familiar with Dockerfile/YAML file writing, maintaining company website OBSBOT - Connecting You to the Future [Official], version control.
        </div>
      </el-collapse-item>
    </el-collapse>
  </div>
</template>

<script lang="ts" setup>
import { ref } from 'vue'

const activeName = ref('1')
</script>



<style scoped>
.el-collapse {
  --el-collapse-header-bg-color: none;
  --el-collapse-header-text-color: none;
  --el-collapse-content-bg-color: none;
  --el-collapse-content-text-color: none;
  --el-collapse-border-color: none;
  border-top: none;
  border-radius: 20px;
  padding: 0 40px;
}

</style>
